import React from "react";
// import './index.css';
import BGContainer from "../../../../../Component/BGContainer";
import Blank from "../../../../../Component/Blank";
import TiggleBtn from "../../../../../Component/TiggleBtn";
import {Button,Input,Radio } from "antd";
import UpCamera from "../../../../../Component/UpCamera";

export default class extends React.Component{
    
    constructor(props){
        super();
        this.state={
        }
    }
    render(){
        return(
            <div className="Publish_SecondHand_Title" >
                    <div>
                        <span><img src="/assets/Trade/Drone.png" alt="layer"/> 产品描述</span>
                    </div>
                    <div>
                        <BGContainer color="#f4f5f9" content={
                            (
                                <div className="Publish_SecondHand_Sub_InfoLine">
                                        <div className="Publish_SecondHand_Sub_InfoLeft Publish_SecondHand_BodyPadding">
                                                <span className="Publish_SecondHand_SubTitle">产品标题</span>
                                        </div>
                                        <div className="Publish_SecondHand_Sub_InfoRight">
                                            <Input prefix="请输入标题" suffix="" value={this.state.userName} 
                                            />
                                        </div>
                                </div>
                            )
                        }/>
                        <BGContainer color="#f4f5f9" content={
                            (
                                <div className="Publish_SecondHand_Sub_InfoLine">
                                        <div className="Publish_SecondHand_Sub_InfoLeft Publish_SecondHand_BodyPadding">
                                                <span className="Publish_SecondHand_SubTitle">产品描述</span>
                                        </div>
                                        <div className="Publish_SecondHand_Sub_InfoRight">
                                            <Input prefix="请输入描述内容" suffix="" value={this.state.userName} 
                                            />
                                        </div>
                                </div>
                            )
                        }/>
                        <div>
                            <span><img src="/assets/Trade/Drone.png" alt="layer"/> 上传无人机实拍图</span>
                        </div>
                        <div>
                            <div className="Certificate_Type_Upload">
                                <div>
                                    <UpCamera src={this.state.frontImg} Change={e=>this.FrontData(e)} title="点击上传证书正面" />
                                </div>
                                <div>
                                    <UpCamera src={this.state.endImg} Change={e=>this.EndData(e)} title="点击上传证书背面" />
                                </div>
                            </div>
                        </div>
                        <div className="Publish_SecondHand_Sub_InfoMiddle">
                                        <TiggleBtn leftTitle="一口价" rightTitle="可议价" />
                        </div>
                        <BGContainer color="#f4f5f9" content={
                            (
                                <div className="Publish_SecondHand_Sub_InfoLine">
                                         <div className="Publish_SecondHand_Sub_InfoLeft Publish_SecondHand_BodyPadding">
                                            <span className="Publish_SecondHand_SubTitle">价格</span>
                                        </div>
                                        <div className="Publish_SecondHand_Sub_InfoRight">
                                            <Input prefix="请输入价格" suffix="" 
                                                onChange={e=>this.ChangeName(e)}/>
                                        </div>
                                </div>
                            )
                        }/>
                        <BGContainer color="#f4f5f9" content={
                            (
                                <div className="Publish_SecondHand_Sub_InfoLine">
                                         <div className="Publish_SecondHand_Sub_InfoLeft Publish_SecondHand_BodyPadding">
                                            <span className="Publish_SecondHand_SubTitle">议价比例</span>
                                        </div>
                                        <div className="Publish_SecondHand_Sub_InfoRight">
                                            <div className="flexContainer">
                                                <Input prefix="请输入价格" suffix="" 
                                                onChange={e=>this.ChangeName(e)}/>
                                                <Blank/>
                                                <span>dui</span>
                                            </div>
                                        </div>
                                </div>
                            )
                        }/>
                        <BGContainer color="#f4f5f9" content={
                            (
                                <div className="Publish_SecondHand_Sub_InfoLine">
                                    <div className="Publish_SecondHand_Sub_InfoLeft Publish_SecondHand_BodyPadding">
                                            <span className="Publish_SecondHand_SubTitle">交易保险金</span>
                                        </div>
                                        <div className="Publish_SecondHand_Sub_InfoRight">
                                            <Input prefix="请输入价格" suffix="" 
                                                onChange={e=>this.ChangeName(e)}/>
                                        </div>
                                </div>
                            )
                        }/>
                        <div>
                            <span><img src="/assets/Trade/Info.png" alt="layer"/> 你能做到</span>
                        </div>
                        <BGContainer color="#f4f5f9" content={
                            (
                                <div className="Publish_SecondHand_Sub_InfoLine">
                                        <div className="Publish_SecondHand_Sub_InfoLeft Publish_SecondHand_BodyPadding">
                                            <span className="Publish_SecondHand_SubTitle">产品服务</span>
                                        </div>
                                        <div className="Publish_SecondHand_Sub_InfoRight">
                                            <Input prefix="请输入价格" suffix="" 
                                                onChange={e=>this.ChangeName(e)}/>
                                        </div>
                                </div>
                            )
                        }/>
                        <BGContainer color="#f4f5f9" content={
                            (
                                <div className="Publish_SecondHand_Sub_InfoLine">
                                    <div className="Publish_SecondHand_Sub_InfoLeft Publish_SecondHand_BodyPadding">
                                        <span className="Publish_SecondHand_SubTitle">配送服务</span>
                                    </div>
                                    <div className="Publish_SecondHand_Sub_InfoRight">
                                        <Input prefix="请输入价格" suffix="" 
                                            onChange={e=>this.ChangeName(e)}/>
                                    </div>
                                </div>
                            )
                        }/>
                    </div>
                    <div>
                        <span><img src="/assets/Trade/Drone.png" alt="layer"/> 添加到【飞行器认证】</span>
                        <div>
                            <Radio.Group onChange={this.onChange} value={this.state.value}>
                                <Radio value={1}>是</Radio>
                                <Radio value={2}>否</Radio>
                            </Radio.Group>
                        </div>
                    </div>

                    <div className="Publish_SecondHand_Sub_InfoMiddle">
                        <Button style={{width:"12rem"}} type="primary" 
                        shape="round" size="large"
                        >
                            确认发布
                        </Button>
                    </div>
                </div>
        )
    }
}